<template>
<!-- 个人信息页面 -->

    <div>
        <Herd/>
        <van-form @submit="onSubmit">
 <!-- 输入任意文本 -->
<van-field v-model="text" label="客户" />

<!-- 输入手机号，调起手机号键盘 -->
<van-field v-model="tel" type="tel" label="商品" />
<!-- 允许输入正整数，调起纯数字键盘 -->
<van-field v-model="digit" type="digit" label="数量" />
<!-- 允许输入数字，调起带符号的纯数字键盘 -->
<van-field v-model="tep" type="text" label="下单人" />
<!-- 输入密码 -->
<van-field v-model="number" type="text" label="下单时间" />
</van-form>
<!-- 个人地址 -->
  
 <SHouPeron :dalisst="DateList"/>
 <!--  -->
 <div class="fahou">
    
 </div>
    </div>
</template>

<script>
import Herd from "@/components/发货单/Herd"
import SHouPeron from "@/components/发货单/SHouPeron"
import {GetOrderInfoDate} from "@/request/api"

export default {
  name:"Thorough",
  data() {
    return {
      tel: '',
      text: '',
      digit: '',
      tep: '',
      number: '',
      message:"",
      iPhone:'',
      DateList:[],
      
    };
  },
  components:{
   Herd,SHouPeron
  },
  methods:{
      onSubmit(){
          console.log(66);
      }
  },
  created(){
      
     
  GetOrderInfoDate(this.$route.params.id).then((res)=>{
          this.text=res.data.data.cusName
          this.tel=res.data.data.prodName
          this.digit =res.data.data.prodNum
          this.tep=res.data.data.orderUserName
          this.number=res.data.data.orderTime
          this.DateList=res.data.data
          console.log("9999999:",this.DateList);
      console.log("订单详情接口数据:",res);
  })
  }
};
</script>
 
<style lang = "less" scoped>
     .van-form{
    margin-top: .1rem;
     .van-field__label {
        width: .2rem !important;
        line-height: .4rem;
       
    }
    }
   
   .fahou{
        margin-top: .2rem;
       h4{
  font-size: 0.20rem;
    color: white;
    /* font-weight: bold; */
    /* height: 0.9rem; */
    background: #003499;
    border-radius: .22rem;
    width: 3.3rem;
    height: .5rem;
    text-align: center;
    /* line-height: 0.9rem; */
    line-height: .5rem;
    margin: 0 auto;
    /* background: #fff; */
   
       }
    
   }
</style>